﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <link href="/Less/engine.min.css" type="text/css" rel="stylesheet" />
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Dot World Maker</title>
    <style id="gameStyle"></style>
    <style>
        #loadingScreen {
            position: absolute;
            z-index: 10000000000;
            top: 0px;
            left: 0px;
            right: 0px;
            bottom: 0px;
            background-color: black;
        }
    </style>
</head>
<body>
    <div id="contentArea"></div>

    <div id="chatContainer" class="gamePanel">
        <div class="gamePanelTopBorder"></div>
        <div id="chatTitle" class="gamePanelHeader">
            Global Chat
        </div>
        <div class="gamePanelContent">
            <div id="chatChannels"><span>Channels:</span><div>Global</div><div>Zone</div></div>
            <div id="chatUserList"></div>
            <div id="chatScroll">
            </div>
            <input type="text" id="chatLine" placeholder="Click here to start chatting..." onkeyup="Chat.Key(event, 'chatLine')" onfocus="Play.EnterField('chatLine')" onblur="Play.ExitField('chatLine')" />
        </div>
        <div class="gamePanelBottomBorder"></div>
    </div>
    <div id="chatCollapsed" class="gamePanel">
        <div class="gamePanelTopBorder"></div>
        <div class="gamePanelContentNoHeader"><div>Click to chat</div></div>
        <div class="gamePanelBottomBorder"></div>
    </div>
    <div id="chatEntry"><input type="text" id="chatEntryLine" placeholder="Click here to start chatting..." onkeyup="Chat.Key(event,'chatEntryLine')" onfocus="Play.EnterField('chatEntryLine')" onblur="Play.ExitField('chatEntryLine')" /></div>

    <div id="backgroundConfirm"></div>
    <div id="confirmDialog">
        <div id="confirmLabel">Hello!</div>
        <div id="confirmButtons">
            <div id="confirmOk" class="button" onclick="Framework.ConfirmOk();">Ok</div>
            <div id="confirmYes" class="button" onclick="Framework.ConfirmYes();">Yes</div>
            <div id="confirmNo" class="button" onclick="Framework.ConfirmNo();">No</div>
        </div>
    </div>
    <div id="displayMessage">
        <div class="gamePanelTopBorder"></div>
        <div class="gamePanelContentNoHeader" id="displayMessageContent">This is a test</div>
        <div class="gamePanelBottomBorder"></div>
    </div>

    <div id="loginBackground"></div>
    <div id="loginForm" class="gamePanel">
        <div class="gamePanelTopBorder"></div>
        <div class="gamePanelHeader">
            Login:
        </div>
        <div class="gamePanelContent">
        </div>
        <div class="gamePanelBottomBorder"></div>
    </div>

    <div id="gameNewsDisplay" class="gamePanel">
        <div class="gamePanelTopBorder"></div>
        <div class="gamePanelHeader">
            Game News:
        </div>
        <div class="gamePanelContent">
        </div>
        <div class="gamePanelBottomBorder"></div>
    </div>

    <div id="branding"><a href="https://www.dotworldmaker.com/" target="_blank">Created with <img src="/images/simple_small_logo.png" />Dot World Maker</a></div>
    <div id="errorWindow">
        <div>Error Window</div>
        <div></div>
        <div><span class="button" onclick="Main.HideError()">Hide</span></div>
    </div>
    <div id="loadingScreen"></div>

    <script src="/socket.io/socket.io.js"></script>
    <script src="/Engine/Libs/fpsmeter.min.js"></script>
    <script src="/runtime.js" type="text/javascript"></script>
    <script>
        gameId = 1; selfHosted = true;
        $(Main.InitGameMaker);
    </script>
    <script>
        (function (i, s, o, g, r, a, m)
        {
            i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function ()
            {
                (i[r].q = i[r].q || []).push(arguments)
            }, i[r].l = 1 * new Date(); a = s.createElement(o),
            m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
        })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');

        ga('create', 'UA-83596487-1', 'auto');
        ga('send', 'pageview');

    </script>
</body>
</html>